<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>if练习</title>
    <script>
        /* 练习 */
        /* 
        键盘输入小明的期末成绩
        当成绩为100时，奖励一台BMW
        当成绩为{80-99}时，奖励一台iPhone
        当成绩为{60-80}时，奖励一本参考书
        其他时，什么奖励也没有
        */

        /* 
        prompt()
         该方法可以提示一个提示框，该提示框中会带有一个文本框 
         用户可以在文本框中输入一段内容，该函数需要一个字符串作为参数
         该字符将会作为提示框的提示文字

        用户输入的内容会作为函数的返回值返回，可以定义一个变量来接收该内容
        */
        //prompt()中的参数直接传到score
        var score = prompt("请输入成绩0-100");

        //将prompt()放入到一个循环中
        while (true) {
            var score = prompt("请输入成绩0-100");
            //判断用户输入的值是否合法
            if (score >= 0 && score <= 100) {
                //满足该条件证明用户的输入合法，退出循环
                break;
            }
            alert("请输入有效分数")
        }
        if (score > 100 || score < 0 || isNaN(score)) {
            document.write("输入的成绩不合法！")
        } else {
            //var score = a;
            //如果score=100的话相当于是将score赋值为100，会对100一下的值进行拦截，下面的代码会成为死代码
            //==是对score的值进行判断
            if (score == 100) {
                document.write("奖励一台BMW");
            } else if (score >= 80 && score < 100) {
                document.write("奖励一台iPhone");
            } else if (score >= 60 && score <= 80) {
                document.write("奖励一本参考书");
            } else {
                document.write("什么都没有");
            }
        }
    </script>
</head>

<body>

</body>

</html>